@import "../styles/common/baseColors.less";

@radio-button-disabled-background-color: @color12;
@radio-button-disabled-color: @color6;
@radio-button-separate-background-color:#E6F7FF;
@radio-button-separate-check-background-color:#2D81FF;

:global {
  .hy-radio-button.ant-radio-button-wrapper {
    &.ant-radio-button-wrapper-disabled {
      background-color: @radio-button-disabled-background-color;
    }
  }
  .hy-radio-group-separate {
    .hy-radio-button.ant-radio-button-wrapper {
      border-radius: 4px;
      border: 0 solid transparent;
      &:before{
        background-color: transparent;
      }
      margin-right: 4px;
      margin-top: 4px;
      background-color:@radio-button-separate-background-color;
      color:@primary-color;
      &.ant-radio-button-wrapper-disabled {
        background-color: @radio-button-disabled-background-color;
        color: @radio-button-disabled-color;
      }
      &.ant-radio-button-wrapper-checked {
        border: 1px solid @primary-color;
        box-shadow: 0 0 0 0 @primary-color;
        background-color:@radio-button-separate-check-background-color;
        color: white;
      }
    }
  }
}
